<template>
  <div class="business-box">
    <img :src="src">
    <slot name="content"></slot>
  </div>
</template>
<script>
  export default {
    props: ['src']
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .business-box{
    width:280px;
    height:280px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
  }
  .business-box img{
    width:278px;
  }
  .business-box ul{
    padding-top: 10px;
    padding-left: 40px;
  }
  .business-box ul li{
    text-align: left;
    line-height: 25px;
    font-size:12px;
    list-style-type: square;
  }
</style>
